<script lang="ts" setup>
import { toggleDark } from "~/composables/index.js";
</script>

<template>
  <el-menu class="el-menu-demo" mode="horizontal">
    <el-menu-item h="full" @click="toggleDark()">
      <button
        class="border-none w-full bg-transparent cursor-pointer"
        style="height: var(--ep-menu-item-height)"
      >
        <i inline-flex i="dark:ep-moon ep-sunny" />
      </button>
    </el-menu-item>
  </el-menu>
</template>
